<template>
  <h1>label属性写法</h1>
  <XtxCheckbox v-model="checked1" label="备选项1"></XtxCheckbox>
  <XtxCheckbox v-model="checked2" label="备选项2"></XtxCheckbox>
  <h1>插槽写法</h1>
  <XtxCheckbox v-model="checked3">备选项3</XtxCheckbox>
  <XtxCheckbox v-model="checked4">备选项4</XtxCheckbox>
</template>

<script>
import { ref } from 'vue'
export default {
  setup() {
    const checked1 = ref(true)
    const checked2 = ref(false)
    const checked3 = ref(false)
    const checked4 = ref(false)
    return { checked1, checked2, checked3, checked4 }
  }
}
</script>
